<!DOCTYPE html>
<html>

	<head>
		<meta charset='utf-8'>
		<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1'>
		<title>列表</title>
		<link rel='stylesheet' href='../../plugins/layui/css/layui.css' media='all'>
		<link rel='stylesheet' href='../../plugins/font-awesome/css/font-awesome.min.css' media='all'>
		<link rel='stylesheet' href='../../kitAdmin/css/app.css' media='all'>
		<link rel="stylesheet" type="text/css" href="../../plugins/bootstrap/css/bootstrap.css"/>
		<link rel='stylesheet' href='../../plugins/bootstrap-table/bootstrap-table.css' />
	</head>

	<body>

		<div style='margin:0px;margin-top: 3px;padding-left: 20px;padding-right: 20px;'>
			<div class="kit-table">
				  <form id="info">
				  <div class="layui-row">
				    <div class="layui-col-md3">
				      <div align="center" style="min-height: 150px; max-height: 250px;">
						  <!--<img src="../../static/img/student.jpg" style="width: 150px;height: auto;">-->
						  <img id=headImgUrl style="width: 150px;height: auto;">
					  </div>
				      <div align="center" style="padding-top: 8px;"> <button class="layui-btn layui-btn-warm layui-btn-radius"><span data-link='{:customerLevel}'>VIP用戶</span> </button></div>
				    </div>
				    
					    <div class="layui-col-md9" style="padding-right:20px ;">
					    	<div class="layui-row" style="height: 80px;" >
						      	<div class="layui-col-md3" id="info1" style="top: 5%;"  align="left">
						      		<h3 style="color: red;" data-link='{:enName}'>--</h3>
						      		<span> <i id="addr" data-link='{:address}'>--</i> <i data-link='{:sex}'id="sex">--</i></span><br />
						      		<!--<span id="remark" data-link='{:sex}'>备注：</span>-->
						      	</div>
						      	<div class="layui-col-md3" id="info2" style="top: 50%;"  align="left">
						      		<h4 style="color: darkgreen;">付款金额：<span data-link='{:totalMoney}'>--</span></h4>
						      	</div>
						      	<div class="layui-col-md3" id="info3" style="top: 50%;"  align="left">
						      		<h4 style="color: darkgreen;">电话：<span data-link='{:phone}'>--</span></h4>
						      	</div>
						      	<!--<div class="layui-col-md3" id="info4" style="top: 50%;"  align="left">-->
						      		<!--<h4 style="color: darkgreen;">email：<span data-link='{:email}'>&#45;&#45;</span></h4>-->
						      	<!--</div>-->
								<div class="layui-col-md3" id="info4" style="top: 50%;"  align="left">
									<h4 style="color: darkgreen;">Zoom ID：<span data-link='{:email}'>--</span></h4>
								</div>
					        </div>
					       <hr class="layui-bg-black" >
					    	<div class="layui-row"style="height: 80px;">
						      	<div class="layui-col-md4" id="info5" style="top: 20%;" align="left">
						      		<h5 style="color: darkgreen;">推荐人：<span  data-link='{:recommendName}'>--</span></h5>
						      		<h5 style="color: darkgreen;">负责人：<span   data-link='{:fuzerenName}'>--</span></h5>
						      	</div>
						      	<div class="layui-col-md4" id="info6" style="top: 20%;"  align="left">
						      		<h5 style="color: darkgreen;">微信：<span   data-link='{:wechat}'>--</span></h5>
						      		<h5 style="color: darkgreen;">QQ：<span   data-link='{:qq}'>--</span></h5>
						      	</div>
						      	<div class="layui-col-md4" id="info7" style="top: 20%;"  align="left">
						      		<h5 style="color: darkgreen;">加入时间：<span   data-link='{:createTime}'>--</span></h5>
						      		<h5 style="color: darkgreen;">email：<span   data-link='{:email}'>--</span></h5>
						      	</div>
						      	<!--<div class="layui-col-md3" id="info8" style="top: 20%;"  align="left">
						      		<h5 style="color: darkgreen;">推荐人：<span   data-link='{:recommendName}'>1600</span></h5>
						      		<h5 style="color: darkgreen;">负责人：<span   data-link='{:recommendName}'>1600</span></h5>
						      	</div>-->
					    	</div>
					  <hr class="layui-bg-black">
					    </div>
				    </form>
				  </div>
			<!--<form class="layui-form" lay-filter="kit-search-form" onsubmit="return false">
				<div class="kit-table-header">
					<div class="kit-search-btns">
						<a href="javascript:;" onclick="edit()" class="layui-btn layui-btn-sm layui-btn"><i class="layui-icon">&#xe642;</i>编辑</a>
						<a href="javascript:;" id="add" class="layui-btn layui-btn-sm" onclick="insert()"><i class="layui-icon">&#xe608;</i> 获取免费预约地址</a>
					</div>
				</div>
			</form>-->
				</div>
			</div>
			<div class="kit-table">
				<div class="layui-tab layui-tab-brief">  <!---->
				  <ul class="layui-tab-title">
				    <li class="layui-this">购买记录</li>
				    <li>课程概况</li>
				    <li>推荐记录</li>
				  </ul>
				  <div class="layui-tab-content">
				    <div class="layui-tab-item layui-show">
				    	<table id='_table'></table>
				    </div>
				    <div class="layui-tab-item">
				    	<table id='table2'></table>
				    </div>
				    <div class="layui-tab-item">
				    	<table id='table3'></table>
				    </div>
				  </div>
				</div>
				</div>
		</div>
		<script src='../../common/js/jquery.js'></script>
		<script src="../../plugins/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src='../../plugins/bootstrap-table/bootstrap-table.js' type='text/javascript'></script>
		<script src="../../plugins/jsviews/jsviews.js" type="text/javascript"></script>
		<script src='../../plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js' type='text/javascript' charset='utf-8'></script>
		<script src="../../static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../plugins/layui/layui.js"></script>
		<script src="../../static/js/StudentDetail.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$.get(baseUrl+"/students/info?studentId="+uid,function(data){
				data=data.data;
				console.log(data);
                $("#headImgUrl").attr('src',data.headImgUrl);
                $.link(true, "#info", data);
//				$('#info1').html('')
			});
		</script>
	</body>
</html>
